<template>
    <div class="courseManagementBox">
        <!-- 搜索栏 -->
        <div class="invite-sub">
            <img class="invite-logo" src="../../static/image/icon-title.png" alt="">
            <span class="inviteSearch">
              <input type="text" placeholder="搜索">
              <img src="../../static/image/sousuo.png" alt="">
            </span>
        </div>
        <!-- 搜索栏 end-->

        <!-- header -->
        <adminHeader></adminHeader>
        <!-- header end-->

        <!-- content -->
        <div class="management-content">
            <div class="contentBtn">
                <router-link to="create-generalcourse">
                    <img src="../../static/image/yaoqing.png" alt="">
                    <span>创建普通课程</span>
                </router-link>
                <router-link to="invite-creatCourses">
                    <img src="../../static/image/yaoqing.png" alt="">
                    <span>创建邀请课程</span>
                </router-link>
            </div>
            <!-- 商战风云-->
            <div class="content-simos" v-for="list in markSimosData" :key="list.id">
                <div class="simosTitle">
                    <h2>{{list.title}}</h2>
                    <div></div>
                </div>
                <p>{{list.content1}}</p>
                <p>{{list.content2}}</p>
            </div>
            <!-- 商战风云end-->

            <!-- markSimos -->
            <div class="content-simos" v-for="item in marData" :key="item.id">
                <div class="simosTitle" >
                    <img :src="item.imgSrc" alt="">
                    <span>{{item.title}}</span>
                </div>
                <p>{{item.content1}}</p>
                <p>{{item.content2}}</p>
                <ul class="simos-list">
                    <li v-for="list in item.listData" :key="list.id">
                        <img :src="list.imgSrc" alt="">
                        <div class="listTitle">
                            <h2>{{list.title}}</h2>
                            <div></div>
                        </div>
                        <div class="listTip">{{list.content1}}</div>
                        <div class="listTip">{{list.content2}}</div>
                    </li>
                </ul>
            </div>
            <!-- markSimos end-->

            <!-- -->
            <div class="content-simos" v-for="list in maData" :key="list.id">
                <div class="simosTitle">
                    <img :src="list.imgSrc" alt="">
                    <span>{{list.title}}</span>
                </div>
                <ul class="liData">
                    <li v-for="item in list.liData" :key="item.id"><span></span>{{item.content}}</li>
                </ul>
            </div>
            <!-- end-->

            <div class="content-simos" v-for="list in yzData" :key="list.id">
                <div class="simosTitle">
                    <img :src="list.imgSrc" alt="">
                    <span>{{list.title}}</span>
                </div>
                <div class="simosImg">
                    <img :src="list.content" alt="">
                    <div class="yzContent" >
                        <div v-for="item in list.leftData" :key="item.id">
                            <div class="to">{{item.content}}</div>
                        </div>
                    </div>

                    <div class="yzContent clear">
                        <div v-for="item in list.middleData" :key="item.id">
                            <h2>{{item.title}}</h2>
                            <p>
                                {{item.content}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-simos clear" v-for="list in courseData" :key="list.id">
                <div class="simosTitle">
                    <img :src="list.imgSrc" alt="">
                    <span>{{list.title}}</span>
                </div>
                <div class="courseContent">
                    <ul>
                        <li v-for="item in list.profitData" :key="item.id"><span></span>{{item.content}}</li>
                    </ul>
                    <div class="course-right">
                        <img src="../../static/image/group-11.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- content end-->
    </div>
</template>
<script>
    import adminHeader from '../components/adminHeader.vue';
    export default {
        components:{
         adminHeader:adminHeader
        },
        data(){
            return{
                markSimosData:[
                    {
                        title:'MarkSimos商战风云',
                        content1:'瞬息万变的商业环境下，想要企业与时俱进，就必须让企业的核心管理层与时俱进。要求管理者具备高度商业敏感，快速洞察并做出决策，实现企业运营各个领域的持续改善与创新。那么，如何才能快速提升他们的管理能力呢？',
                        content2:'然而，不管是企业大学、培训机构还是MBA，都无法提供给管理者一个训练综合管理技能的平台。基于新兴市场数据，由世界一流研发团队开发出全球首个在线商战模拟——MarkSimos，以理论结合实践的操作模式，实现跨越时空、辐射全球、随时随地的商业模拟演练。在高仿真、零风险的环境下运营一家公司，通过运营过程中的各种决策考验与判断，帮助学员快速形成CEO思维，全面提升管理技能。'
                    }
                ],
                marData:[
                    {
                        imgSrc:'../../static/image/group-5.png',
                        title:'什么是MarkSimos?',
                        content1:'MarkSimos是全球首个基于新兴市场数据、由世界一流研发团队开发而成的在线商战模拟，实现跨越时空、辐射全球、随时随地的商业模拟演练。',
                        content2:'在高仿真、零风险的环境下运营一家公司，要求决策者面对海量的数据能融会应用各种商业知识，在有限的资源和时间内快速形成洞察并做出商业决策，达到市场份额与累计净利润的最大化。',
                        listData:[
                            {
                                imgSrc:'../../static/image/group-6.png',
                                title:'标准课程',
                                content1:'线下版（2-3天）',
                                content2:'在线版（1天-2周）'
                            },
                            {
                                imgSrc:'../../static/image/group-7.png',
                                title:'课程对象',
                                content1:'中高层管理团队',
                                content2:'或高潜力的储备干部',
                                
                            },
                            {
                                imgSrc:'../../static/image/group-8.png',
                                title:'适合人数',
                                content1:'20-36人',
                                
                            },
                            {
                                imgSrc:'../../static/image/group-9.png',
                                title:'授课语言',
                                content1:'中/英文',
                                
                            },
                        ]
                    }
                ],
                maData:[
                    {
                        imgSrc:'../../static/image/group-5.png',
                        title:'为什么需要MarkSimos?',
                        liData:[
                            {
                                content:'不管是企业大学、培训机构还是MBA，都无法提供给管理者一个训练综合管理技能的平台。'
                            },
                            {
                                content:'快速洞察并做出商业决策，实现企业运营各个领域的持续改善与创新，是企业管理者洞察未来发展的必备能力。'
                            },
                            {
                                content:'商业环境快速变化，企业管理者应该具备高度的商业敏锐。'
                            }
                        ]
                    }
                ],
                yzData:[
                    {
                        imgSrc:'../../static/image/group-5.png',
                        title:'MarkSimos如何运作？',
                        content:'../../static/image/group-10.png',
                        leftData:[
                            {
                                content:'模拟一个高度竞争、动态变化的市场'
                            },
                            {
                                content:'针对明确KPI模拟经营，实现市场份额和累计净利润的最大化'
                            },
                            {
                                content:'充分透明的市场信息、可调配资源，但企业起点并不完全一致'
                            },
                            {
                                content:'有限资源、时间内快速决策，平衡产品、品牌、渠道等多种维度，实现ROI最大化'
                            },
                        ],
                        
                        middleData:[
                            {
                                title:'MarkSimos在线版（1天-2周）',
                                content:'（利用碎化时间，适用于中层管理者和一线高潜培养对象）随时随地，无需高额差旅和时间成本，体系化的在线材料（视频，微课，文字材料等），因人而异、个性化学习、即时在线点评，你身的老师。'
                            },
                            {
                                title:'MarkSimos线下版（2天）',
                                content:'（现场点评、主题教学与分享，适用于期望更多思想碰撞的中高层管理者）在模拟的过程中，结合客户的需求，匹配不同的教学内容。'
                            },
                        ]
                    }
                ],
                courseData:[
                    {
                        imgSrc:'../../static/image/group-5.png',
                        title:'课程收益',
                        profitData:[
                            {
                                content:'提升商业敏锐'
                            },
                            {
                                content:'跨界学习与创新'
                            },
                            {
                                content:'快速学习'
                            },
                            {
                                content:'数据分析与洞察'
                            },
                            {
                                content:'零风险全方位尝试各种战略设想'
                            },
                        ]

                    }
                ]
            }
        },
        methods:{
            
            
        },
    }
</script>

